<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>向往的生活家</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<!-- 引入 Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <!--导航样式-->
        <link rel="stylesheet" href="css/navigation.css"/>
        <!--字体样式-->
        <link rel="stylesheet" href="css/iconfont.css" /> 
        <style type="text/css">
        	a, a:visited {
			    outline: none;
			    color: #1c4f64;
			}
        	.iconfont{
			  font-family:"iconfont" !important;
			  font-size:18px;font-style:normal;
			  -webkit-font-smoothing: antialiased;
			  -webkit-text-stroke-width: 0.2px;
			  -moz-osx-font-smoothing: grayscale;
			}
        </style>
	</head>
	<body>
			<!--头部  start-->
			<div style="display: block;" class="container-fluid head_container">
		        <div class="container">
		      	    <nav class="navbar navbar-default">
						   <div class="header-new">
				        		<div class="back">
				        			<a href="#"><i class="iconfont">&#xe60c;</i></a>
				        		</div> 
				        		<div class="h_logo"><img src="img/newlogo.png"  alt=""></div>
				        		
				        		<div class="h_head" style="width: 10%;height: 100%;">
				        			<a href="#"><i class="iconfont">&#xe6b0;</i></a>
				        		</div> 
				        	</div>
						    <div class="navbar-header">    
						      <a href="#" class="navbar-brand" ><img src="img/newlogo.png"  alt=""></a>
						      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						      </button>
						    </div>	
						    
						    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						        <ul class="nav navbar-nav nav_menu">
						            <li class="nav_active"><a href="index.html">首页</a></li>
					                <li><a href="destination.html">目的地</a></li>
					                <li><a href="javascript:void(0)">旅游攻略</a></li>			          
					                <li><a href="javascript:void(0)">自由行</a></li>	
					                <li><a href="javascript:void(0)">交流论坛</a></li>
					                <li><a href="javascript:void(0)"></a></li>       
						        </ul>
						          <!--动态搜索框-->
						        <ul class="nav navbar-nav search" style="display: none;">
							        <li> <img class="close" src="img/close.png" style="width: 85%; height: 70%;margin-top: 2px;" /></li>
							        <li class="search-middle"> <input type="text"  class="nav-search-ipt" id="nav-search-ipt" placeholder="请输入你要搜索的关键词"></li>
							        <li><span class="glyphicon glyphicon glyphicon-search"></span></li>
							        <div class="search-input-hull <!--hide-->" style="display: block;">	               
						                <span class="search-cancel"></span>
						                <div id="search-content" class="search-content">
						                    <div class="search-content-list">
						                    	<div class="search-title">热门搜索</div>
						                    	<div class="hot-list search-l"><a href="" >洪崖洞</a></div>
						                    	<div class="hot-list search-l"><a href="" >黑山谷</a></div>
						                    	<div class="hot-list search-l"><a href="" >乐和乐都</a></div>
						                    	<div class="hot-list search-l"><a href="" >金刀峡</a></div>
						                    	<div class="hot-list search-l"><a href="" >瓷器口</a></div>
						                    </div>
						                </div>
						            </div>
						        </ul>
						        <!---->
						        <ul class="nav navbar-nav navbar-right" >
						        	<li><a class="search-click"><span class="glyphicon  glyphicon-search"></span></a></li>
						           <li><a href="register.html" style="color: #ff9d00;"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
						           <li><a href="login.html" style="color: #ff9d00;"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
						        </ul>
						    </div>
					</nav>
		        </div>
		    </div>
	  	<!--菜单栏-->
	</body>
</html>
